<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>By zw</title>
<style media="screen" type="text/css">

{font-size:12px;}
UL{list-style-type:none; margin:0px;}
.ttl{height:200px;}
.ctt{height:260px;padding:6px;clear:both;border:1px solid #064ca1;border-top:0;text-align:left;}
.w936{margin:2px 0;clear:both;width:300px;}

.tb_{ background-repeat: repeat-x;background-color: #E6F2FF;}
.tb_ ul{height:40px;}
.tb_ li{float:left;height: 40px;line-height:1.9;width: 94px;cursor:pointer;}

.normaltab   { background-image: background-repeat: no-repeat; color:#1F3A87 ;}
.hovertab    { background-image: background-repeat: no-repeat; color:#1F3A87; font-weight:bold }
.dis{display:block;}
.undis{display:none;}


</style>
<script type="text/javascript" language="javascript">
function g(o){return document.getElementById(o);}
function HoverLi(n){
	for(var i=1;i<=2;i++){
		g('tb_'+i).className='normaltab';
		g('tbc_0'+i).className='undis';
	}
	g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
</script>
</head>
<body>
<center>
	<div style="border:1px solid #D3D3D3; background-color:#00FFFF; height:50px; width:990px;">
	</div><br>
	<div style="border:1px solid #D3D3D3; height:400px; width:990px;">
		<div style="margin-top:30px; margin-left:30px; height:350px; width:600px; float:left">
			<div style="float:left; font-size:20px">
				标题：
				<input type="text" style="width:400px; height:25px">
			</div>
			<div style="clear:both;"></div><br>
			<div style="float:left; font-size:20px;height:250px;">
				正文：
				<textarea style="width:400px;height:250px;">输入帖子内容</textarea>
			</div>
			<div style="clear:both;"></div><br>
			<div style="margin-left:60px;width:470px;">
				<select style="float:left;text-align:left;">
					<option>公开</option>
					<option>公开</option>
					<option>公开</option>
				</select>
				
				<div style="text-align:right;">
					<input type="submit" value="发帖" style="margin-right:25px">
					<input type="submit" value="提交草稿" style="margin-right:95px">
				</div>
			</div>
		</div>
		<div style="width:300px; height:300px; float:left; margin-top:30px;">
			<div id="tb_" class="tb_">
	  			 <ul>
				    <li id="tb_1" class="hovertab" onclick="HoverLi(1);">已发帖子</li>
				    <li id="tb_2" class="normaltab" onclick="HoverLi(2);">草稿箱</li>
			   	</ul>
			 </div>
			<div class="ctt">
				  <div class="dis" id="tbc_01">站长特效网 的内容</div>
				  <div class="undis" id="tbc_02">zzjs.net 的内容</div>
			</div>
		</div>
	
	</div>
</center>
</body>
</html>